---
type: tutorial
unitTitle: Crea y despliega tu primer sitio Astro
title: 'Check in: Unidad 1 - Configuración'
i18nReady: true
description: >-
  Tutorial: Crea tu primer blog con Astro —
  Prepara tu entorno de desarrollo, crea y despliega tu primer sitio Astro
  sitio
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';

Ahora que ya sabes lo que vas a construir, ¡es hora a preparar todas las herramientas que vas a necesitar! 

Esta unidad te muestra cómo configurar tu entorno de desarrollo y desplegar en Netlify. Pasa a la [Unidad 2](/es/tutorial/2-pages/) si ya te sientes cómodo con tu entorno y flujo de trabajo.

:::tip[Utilizando stackblitz]

¿Quieres completar este tutorial en un editor de código en línea en su lugar?
<details>
<summary>Sigue estas instrucciones y pasa directamente a la Unidad 2.</summary>

**Configura StackBlitz**

<Steps>
1. Visita [astro.new](https://astro.new) y haz clic en el botón para abrir la plantilla "Proyecto vacío" en StackBlitz. 

2. Haz clic en "Iniciar sesión" en la parte superior derecha para iniciar sesión con tus credenciales de GitHub.

3. En la parte superior izquierda de la ventana del editor StackBlitz, haz clic para hacer un "fork" de la plantilla (guardar en el panel de tu propia cuenta).

4. Espera a que se cargue el proyecto y verás una vista previa en vivo del inicio del "Proyecto vacío".
</Steps>

**Haz un cambio**

En el panel de archivos, deberías ver `src/pages/index.astro`. Haz clic para abrirlo, y sigue [Escribe tu primera línea de Astro](/es/tutorial/1-setup/3/) para hacer un cambio en este archivo.

**Crea un repositorio GitHub**

<Steps>
1. Presiona el botón <kbd>Connect Repository</kbd> en la parte superior de la lista de archivos, ingresa un nombre para dicho repositorio y haz clic en <kbd>Create Repo & push</kbd>. 

2. Cuando tengas cambios para confirmar en GitHub, aparecerá un botón "Commit" en la parte superior izquierda de tu espacio de trabajo. Al hacer clic en él, podrás introducir un mensaje de confirmación y actualizar tu repositorio.
</Steps>

**Despliega tu sitio**

Si quieres desplegar tu sitio en Netlify, pasa a [Despliega tu sitio en la web](/es/tutorial/1-setup/5/).
¡Si no, pasa a [Unidad 2](/es/tutorial/2-pages/) para empezar a construir con Astro!

</details>
:::

## ¿A dónde vas?

En esta unidad, **crearás un nuevo proyecto** que estará **almacenado online en GitHub** y **conectado a Netlify**. 

A medida que escribas código, enviarás periódicamente tus cambios a GitHub. Netlify utilizará los archivos de tu repositorio de GitHub para construir tu sitio web, y luego lo publicarás en Internet en una dirección única donde cualquiera podrá verlo.

Cada vez que envíes un cambio a GitHub, se enviará una notificación a Netlify. Entonces, Netlify automáticamente reconstruirá y volverá a publicar tu sitio en vivo para reflejar esos cambios.



<Box icon="check-list">
## Checklist

<Checklist>
- [ ] ¡Estoy listo para preparar un entorno de desarrollo para un proyecto de Astro!
</Checklist>
</Box>